<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>公告</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>
<style>
    .notice_list_tit{
        padding: .2rem .1rem;
    }
</style>
<body style="padding-top: 38px">
<header class="normal_header">
    <div class="header_pic">
        <a href="javascript:history.go(-1)"><img src="__IMG__/ex/back_black.png" alt=""></a>
    </div>
    <p>财商学院</p>
    <div class="header_pic"></div>
</header>

<div class="notice_content">
    <ul>
        <volist name="notice" id="vo">
            <a href="{:U('User/noticedetail',array('id'=>$vo['id']))}">
                <li class="notice_list">
                    <div>
                        <p class="notice_list_tit">{$vo.title}</p>
                        <p class="notice_list_time"><img src="{$vo.img}" alt="" style="width: 1.3rem;height: 1.3rem;"></p>
                    </div>
                </li>
            </a>
        </volist>


        <style>
            .notice_list > p{
                display: none;
            }
            .notice_content > ul > a > li > p:nth-child(2){
                text-overflow:ellipsis;white-space:nowrap!important;overflow:hidden;width:5rem;
                display: block;
            }
            .notice_list_tit{
                /*text-overflow: ellipsis;*/
                /*white-space: nowrap;*/
                overflow: hidden;
                width: 8rem
            }

        </style>
    </ul>
</div>
</body>

</html>